<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Robots" content="all">
<meta name="Copyright"
	content="Copyright (c) 2000-2016 www.online.sdu.edu.cn All Rights Reserved.">
<title>i山大-资讯</title>
<script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script>
<!--[if lt IE 9]><script type="text/javascript" src="scripts/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="styles/base.css" />
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<link rel="stylesheet" type="text/css" href="styles/banner.css" />
</head>

<body>
	<!--[if lt IE 9]><div class="browserupgrade">您的IE浏览器版本过低，推荐最新chrome浏览器或Firefox浏览器以获得最佳浏览体验。</div><![endif]-->
	<header id="header">
		<div class="header">
			<div id="h-left">
				<i class="icon ico-menu" id="i-menu"></i><a href="./"><i
					class="icon ico-logo" id="i-logo"></i></a>
			</div>
			<h1>资讯</h1>
			<i class="icon ico-back" id="i-back"></i>
			<div id="h-search-bar">
				<form id="h-form">
					<i class="icon ico-search" id="i-search1"></i>
					<div id="h-input-box">
						<input name="keyword" id="h-input" value="搜索资讯">
					</div>
				</form>
			</div>
			<div id="h-right">
				<i class="icon ico-search" id="i-search2"></i><i
					class="icon ico-filter" id="i-filter" title="筛选"></i><i
					class="icon ico-source" id="i-source"></i> <i id="h-avatar-box"><img
					id="h-avatar" src="images/avatar.png"></i>
			</div>
		</div>
        <div id="tab-box">
            <div id="tab-wrap">
                <a href="./" class="active">资讯</a>
                <a href="index2.html">通知</a>
            </div>
        </div>
	</header>

	<div id="menu">
		<div id="menu-h">
			<i class="icon ico-back2" id="i-back2"></i><i class="icon ico-logo2"></i>
		</div>
		<div id="menu-c">
			<div class="menu-b">
				<div class="menu-t">
					<i class="icon ico-news"></i><span>资讯</span>
				</div>
				<a href="./"><i class="icon ico-subs-index"></i><span>资讯主页</span></a>
				<a href="javascript:void(0)"><i class="icon ico-subs-mine"></i><span>订阅主页</span></a>
			</div>
			<div class="menu-b">
				<div class="menu-t">
					<i class="icon ico-service"></i><span>服务</span>
				</div>
			</div>
		</div>
	</div>
	<div id="shadow1" class="shadow"></div>
	<div id="filter">
		<div id="filter-h">
			<i class="icon ico-filter2"></i><span>筛选</span>
		</div>
		<div id="filter-c">
			<form id="f-form">
				<div class="select-wrap">
					<div class="select-name">图片数量</div>
					<select name="picture">
						<option value="0">不限</option>
						<option value="2">一张图</option>
						<option value="3">多图</option>
						<option value="4">无图</option>
					</select>
				</div>
				<div class="select-wrap">
					<div class="select-name">发布时间</div>
					<select name="date">
						<option value="0">不限</option>
						<option value="1">一周内</option>
						<option value="2">一个月内</option>
						<option value="3">更早</option>
					</select>
				</div>
			</form>
			<div id="filter-ctr">
				<button id="filter-start">进行筛选</button>
				<button id="filter-stop">取消筛选</button>
			</div>
		</div>
	</div>
	<div id="shadow2" class="shadow"></div>
    
    <div id="alert">
        <div id="alert-h">需要用户登录：</div>
        <div id="alert-info">i山大用户登录功能将于近期开放，敬请期待:-D</div>
        <span id="alert-btn">确认</span>
    </div>
    <div id="shadow3" class="shadow"></div>

	<main id="main">
	<div id="main-inner">
        <div id="source"></div>
        <div id="banner">
            <div id="banX"></div>
            <div id="banLogo"></div><div id="banTitle"></div><div id="banLogo2"></div><a href="https://www.online.sdu.edu.cn/"><div id="banOnline"></div></a><a href="http://www.xgb.sdu.edu.cn/"><div id="banXgb"></div></a><div id="banApp"></div><div id="banText">*学工部相关内容请移步学工部网站</div>
            <span></span>
        </div>
		<div class="waterfall-col" id="wtf-col0"></div>
		<div class="waterfall-col" id="wtf-col1"></div>
		<div class="waterfall-col" id="wtf-col2"></div>
		<div class="waterfall-col" id="wtf-col3"></div>
		<div id="wtf-single-col"></div>
	</div>
	<div id="loading">
		<div id="load-anim">
			<div class="spinner">
				<div class="double-bounce1"></div>
				<div class="double-bounce2"></div>
			</div>
			<div class="reload" id="reload"></div>
		</div>
		<div id="loadInfo">加载中</div>
	</div>
	</main>
    <span id="scroll"></span>
	<script type="text/javascript" src="scripts/main.js"></script>
	<script type="text/javascript" src="scripts/main2.js"></script>
</body>
</html>
